var viewport;
var skino;
var skini;
// create main tabpanel
var contentPanel = new Ext.TabPanel({
			id : "tabPanel",
			region : 'center',
			enableTabScroll : true,
			resizeTabs : true, // turn on tab resizing
			deferredRender : false,
			minTabWidth : 115,
			activeTab : 0,
			iconCls : 'tabs',
			items : [{
						contentEl : 'center',
						title : '主页',
						autoScroll : true
					}],
			defaults : {
				autoScroll : true
			},
			plugins : new Ext.ux.TabCloseMenu()
		});

Ext.onReady(function() {
	Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';// 替换图片文件地址
	// 状态在cookie里面保存
	Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

	//	var  northToolbar = new Ext.Toolbar('toolbar-div');// 创建一个工具条
	//	northToolbar.add(	new Ext.Toolbar.Button({
	//						text : 'WEbQQ',
	//						handler : function() {
	//							alert("正在启动webQQ,请稍候...");
	//						}
	//					}), '-', new Ext.Toolbar.Button({
	//						text : '更改密码',
	//						handler : function() {
	//							alert("你没有权限更改密码.");
	//						}
	//					}),
	//
	//			'-',
	//
	//			new Ext.Toolbar.Button({
	//						text : '注销',
	//						handler : function() {
	//							window.location = 'ask123_logout';
	//						}
	//					}),
	//			'-',
	//			// ...调用控件对象就可以了，easy吧？
	//			new Ext.ux.ThemeCycleButton
	//	);

	var menu = new Ext.menu.Menu({
				id : 'basicMenu',
				items : [{
							text : 'An item',
							handler : clickHandler
						}, new Ext.menu.Item({
									text : 'Another item',
									handler : clickHandler
								}), '-', new Ext.menu.CheckItem({
									text : 'A check item',
									// cls: 'a-class-name' , //
									// 为标准Item手动设置样式和图标ICON
									// icon: 'url', //
									// 如不想用CSS,可直接设置图标的URL
									// group: 'name of group',
									// //只适用多选项，保证只有一项被选中
									checkHandler : checkHandler
								}), new Ext.menu.CheckItem({
									text : 'Another check item',
									checkHandler : checkHandler
								})]
			});

	function clickHandler() {
		Ext.getCmp('personal').setVisible(false);
	}

	function checkHandler() {
		alert('Checked a menu item');
	}
	var northToolbar = new Ext.Toolbar( // 把菜单放在Panel的顶部工具栏
			{
		id : 'tb',
		items : [{
					text : "导航菜单",
					menu : menu
				}, new Ext.ux.ThemeCycleButton, {
					text : '注销',
					handler : function() {
						Ext.MessageBox.confirm('提示', '您确定要退出登陆么?',
									function(button) {
										if (button == 'yes') {
						window.location = 'loginOut.do';
										}
										});
									}
				}]
	});
	// init main page framework
	viewport = new Ext.Viewport({
		layout : 'border',
		items : [{
			region : 'north',
			id : 'north',
			html : '<img src="resources/images/dwr_logo.gif" width=210 height=100><img src="resources/images/struts.png" ><img src="resources/images/hibernate.gif" width=200 height=90 ><img src="resources/images/spring_logo.png" width=200 height=70><img src="resources/images/extjs_logo.gif" height=60>',
			split : true,
			height : 130,
			minSize : 100,
			maxSize : 200,
			collapsible : true,
			title : '房屋出租系统',
			margin : '0 0 0 0',
			buttonAlign:'right',
			bbar : northToolbar
				// border: false,
				// layout:"absolute"
		}, {
			region : 'west',
			id : 'west',
			title : '菜单栏',
			split : true,
			width : 200,
			minSize : 175,
			maxSize : 400,
			collapsible : true,
			margins : '0 0 5 5',
			cmargins : '0 5 5 5',
			layout : 'accordion',
			layoutConfig : {
				animate : true
			},
			items : [{
						title : '房屋管理',
						html : Ext.getDom('userMenus').innerHTML,
						autoScroll : true,
						border : false,
						iconCls : 'user'
					}, {
						title : '机构管理',
						html : Ext.getDom('unitMenus').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'unit'
					}, {
						title : '系统设置',
						html : Ext.getDom('settingMenus').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'
					}, {
						title : '电子日历',
						// html : Ext.getDom('settingMenus').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings',
						items : [new Ext.form.DateField()]

					}, {
						title : '企业短信',
						html : Ext.getDom('msg').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}, {
						title : '公文审批',
						// html : Ext.getDom('msg').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}, {
						title : '电子会议',
						html : Ext.getDom('eMeeting').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}, {
						title : '电子邮件',
						// html : Ext.getDom('msg').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}, {
						title : '电子文档',
						// html : Ext.getDom('msg').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}, {
						id : 'personal',
						title : '个性化设置',
						// html : Ext.getDom('msg').innerHTML,
						border : false,
						autoScroll : true,
						iconCls : 'settings'

					}]
		}, contentPanel]
	});

	// init main page tables
	var panel = new Ext.Panel({
				id : 'main-panel',
				baseCls : 'x-plain',
				renderTo : Ext.get("center"),
				layout : 'table',
				layoutConfig : {
					columns : 2
				},
				defaults : {
					frame : true,
					width : 395
				},
				items : [{
							title : '公告信息',
							colspan : 2,
							collapsible : true,
							width : 800,
							height : 430,
							contentEl : 'afficheDiv'
						}]
			});
	// clear temp elements.
	Ext.getDom("menus").innerHTML = "";

	viewport.findById("north").expand();
	viewport.findById("west").expand();

});
// 定义菜单导航函数
function onClickMenuItem(node) {
	var n = contentPanel.getComponent(node.id);
	if (!n) { // //判断是否已经打开该面板
		n = contentPanel.add({
					'id' : node.id,
					'title' : node.innerHTML,
					iconCls : 'tabs',
					closable : true,
					autoLoad : {
						url : 'tabFrame.jsp?url=' + node.attributes.href.value,
						callback : this.initSearch,
						scope : this,
						scripts : true
					} // 通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
				});
	}
	contentPanel.setActiveTab(n);
}

function suspect() {
	var north = viewport.findById("north");
	var west = viewport.findById("west");
	var center = viewport.findById("tabPanel");
	var northState = !north.collapsed;
	var westState = !west.collapsed;

	setTimeout(function() {
				north.collapse();
			}, 500);
	setTimeout(function() {
				west.collapse();
			}, 1200);
	setTimeout(function() {
				center.hide();
				north.hide();
				west.hide();
				secret(center, north, west, westState, northState, '挂起锁',
						'请输入激活密码：');
			}, 2200);

}

var temp = 3;// 服务挂起密码输入次数

var sec = function secret(center, north, west, westState, northState, msgtitle,
		mesg) {
	var abc = Ext.MessageBox.show({
				title : msgtitle,
				msg : mesg,
				width : 240,
				prompt : true,
				closable : false,
				inputType : 'password',
				icon : Ext.MessageBox.INFO,
				buttons : Ext.MessageBox.OKCANCEL,
				fn : function(btn, text) {
					// alert(text+":"+btn);
					if (text == 'leno' && btn == 'ok') {
						var time = 1000;
						temp = 3;
						setTimeout(function() {
							center.show();
							west.show();
							north.show();
								// viewpo.doLayout();
							}, time);

						if (westState) {
							time = time + 500;
							setTimeout(function() {
								west.expand();
									// viewpo.doLayout();
								}, time);
						}

						if (northState) {
							setTimeout(function() {
								north.expand();
									// viewpo.doLayout();//这里要是启用，东边的面板就出问题
								}, time + 1100);
						}

					} else if (btn == "cancel") {
						setTimeout(function() {
									Ext.get('lg').on('click', function() {
										// Ext.MessageBox.show(abc);
										if (temp == 3) {
											secret(enter, north, west,
													westState, northState,
													'挂起锁', '欢迎回来，请输入密码:');
										} else {

											secret(enter, north, west,
													westState, northState,
													'挂起锁', '欢迎再次回来，请输入密码，还有'
															+ temp + '次机会');
										}
									});
								}, 1000);

					} else {
						temp--;
						if (temp == 0) {
							setTimeout(function() {
										// 加入注销操作用户
										Ext.MessageBox.show({
											title : '错误',
											msg : '您的输入有误，出于安全考虑系统已经为您注销了当前用户，请重新登陆！ ',
											buttons : Ext.MessageBox.OKCANCEL,
											fn : function() {
												window.location = 'login.jsp';
											},
											icon : Ext.MessageBox.ERROR
												// animEl: 'mb4'
										});
									}, 1000);
						} else {

							setTimeout(function() {

										secret(center, north, west, westState,
												northState, '警告', '密码错误，还有'
														+ temp + '次机会');

										abc.setIcon(Ext.MessageBox.WARNING);
									}, 1000);
						}

					}
				},
				animEl : 'lg'
			});

}